<%--
  Created by IntelliJ IDEA.
  User: lizhun
  Date: 16/3/19
  Time: 下午4:45
  To change this template use File | Settings | File Templates.
--%>
<%@page  pageEncoding="utf-8" contentType="text/html;charset=utf-8" %>
<%@ include file="../../include/import.jsp" %>
<!doctype html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="${ctx}/resource/live/css/libs/CSSRESET.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resource/live/css/common.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resource/live/css/live_detail.css">
</head>
<body>
<article class="wrapper">
    <div class="main">

        <div class="banner">
            <img src="${src}${live.live_cou_his_picture}" alt="" />
            <div class="bg"></div>
            <p>预告:<fmt:formatDate value="${live.live_cou_his_time}" pattern="yyyy-MM-dd HH:mm" /></p>
            <h3>${live.live_cou_his_name}</h3>
        </div>
        <!-- banner -->

        <div class="detail">
            <div class="profile">
                <div><img src="${src}${live.tea_head_portrait}" alt="" /></div>
                <div>
                    <h5>${live.tea_name}</h5>
                    <p>

                       <c:choose>

                           <c:when test="${score==5}">
                               <span></span><span></span><span></span><span></span><span></span>
                           </c:when>
                           <c:when test="${score>=4 && 5>score}">
                               <span></span><span></span><span></span><span></span>
                           </c:when>
                           <c:when test="${score>=3 && 4>score}">
                               <span></span><span></span><span></span>
                           </c:when>
                           <c:when test="${score>=2 && 3>score}">
                               <span></span><span></span>
                           </c:when>
                           <c:otherwise>
                               <span></span>
                           </c:otherwise>
                       </c:choose>
                    </p>
                </div>
                <div>
                    <p>
                        <c:forEach items="${pictures}" var="picture" end="4">
                            <c:choose>
                                <c:when test="${fn:containsIgnoreCase(picture.memb_head_portrait, 'http')}">
                                    <img src="${picture.memb_head_portrait}" alt="" />
                                </c:when>
                                <c:otherwise>
                                    <img src="${src}${picture.memb_head_portrait}" alt="" />
                                </c:otherwise>
                            </c:choose>
                        </c:forEach>
                        <span>${live.live_cou_size}</span>
                    </p>
                </div>
            </div>

            <ul class="ul_detail">
                <li>
                    <span>时长：</span>
                    <p>${live.live_cou_time}分钟</p>
                </li>

                <li>
                    <span>费用：</span>
                    <p>¥${live.live_cou_system_amount}</p>
                </li>

                <li>
                    <span>简介：</span>
                    <p>${live.live_cou_synopsis}</p>
                </li>
            </ul>
        </div>
        <!-- detail -->
    </div>


</article>
<div class="footer">
    <a href="javascript:;" onclick="phone_system()">立即下载</a>
</div>
<script>
    function phone_system(){
        var ua = navigator.userAgent.toLowerCase();
        if (/iphone|ipad|ipod/.test(ua)) {
            window.location="http://a.app.qq.com/o/simple.jsp?pkgname=com.waijiaojun";
        } else if (/android/.test(ua)) {

            window.location="http://a.app.qq.com/o/simple.jsp?pkgname=com.waijiaojun";
        } else {
            window.location.href="https://itunes.apple.com/cn/app/id1077827502";
        }

    }

</script>
<!-- wrapper End -->
</body>
</html>
